<!--{template common/header_simple_start}-->
<link rel="stylesheet" href="{MOD_PATH}/css/yzmplayer.css">
<link rel='stylesheet' type="text/css" href="static/css/ddxsy.css"/>
<!--{template common/header_simple_end}-->
<!--{template common/commer_header}-->
<style>
		.yzmplayer-full-icon span svg,
		.yzmplayer-fulloff-icon span svg {
				display: none;
		}

		.yzmplayer-full-icon span,
		.yzmplayer-fulloff-icon span {
				background-size: contain !important;
				float: left;
				width: 22px;
				height: 22px;
		}

		.yzmplayer-full-icon span {
				background: url({MOD_PATH}/img/full.png) center no-repeat;
		}

		.yzmplayer-fulloff-icon span {
				background: url({MOD_PATH}/img/fulloff.webp) center no-repeat;
		}

		#vod-title {
				overflow: unset;
				width: 285px;
				white-space: normal;
				color: #fb7299;
		}

		#vod-title e {
				padding: 2px;
		}

		.layui-layer-dialog {
				text-align: center;
				font-size: 16px;
				padding-bottom: 10px;
		}

		.layui-layer-btn.layui-layer-btn- {
				padding: 15px 5px !important;
				text-align: center;
		}

		.layui-layer-btn a {
				font-size: 12px;
				padding: 0 1px !important;
		}

		.layui-layer-btn a:hover {
				border-color: #00a1d6 !important;
				background-color: #00a1d6 !important;
				color: #fff !important;
		}

		.yzmplayer-controller .yzmplayer-icons .yzmplayer-toggle input+label.checked:after {
				left: 17px;
		}

		.yzmplayer-setting-jlast:hover #jumptime,
		.yzmplayer-setting-jfrist:hover #fristtime {
				display: block;
				outline-style: none
		}

		#player_pause .tip {
				color: #f4f4f4;
				position: absolute;
				font-size: 14px;
				background-color: hsla(0, 0%, 0%, 0.42);
				padding: 2px 4px;
				margin: 4px;
				border-radius: 3px;
				right: 0;
		}

		#player_pause {
				position: absolute;
				z-index: 9999;
				top: 50%;
				left: 50%;
				border-radius: 5px;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				max-width: 80%;
				max-height: 80%;
		}

		#player_pause img {
				width: 100%;
				height: 100%;
			border-radius:.5rem;
		}

		#jumptime::-webkit-input-placeholder,
		#fristtime::-webkit-input-placeholder {
				color: #ddd;
				opacity: .5;
				border: 0;
		}

		#jumptime::-moz-placeholder {
				color: #ddd;
		}

		#jumptime:-ms-input-placeholder {
				color: #ddd;
		}

		#jumptime,
		#fristtime {
				width: 50px;
				border: 0;
				background-color: #414141;
				font-size: 12px;
				padding: 3px 3px 3px 3px;
				margin: 2px;
				border-radius: 12px;
				color: #fff;
				position: absolute;
				left: 5px;
				top: 3px;
				display: none;
				text-align: center;
		}

		#link {
				display: inline-block;
				width: 100px;
				height: 35px;
				line-height: 35px;
				text-align: center;
				font-size: 14px;
				border-radius: 22px;
				margin: 0px 10px;
				color: #fff;
				overflow: hidden;
				box-shadow: 0px 2px 3px rgba(0, 0, 0, .3);
				background: rgb(0, 161, 214);
				position: absolute;
				z-index: 9999;
				top: 20px;
				right: 35px;
		}

		#close c {
				float: left;
				display: none;
		}

		.dmlink,
		.playlink,
		.palycon {
				float: left;
				width: 400px;
		}

		#link3-error {
				display: none;
		}
</style>
<div class="quanping">
	<div class="zuobu">
    <div id="player"></div>
    <div id="ADplayer"></div>
    <div id="ADtip"></div>
	</div>
	<div class="information-box">
        <div class="title"><span>$meta['name']</span></div>
        <div class="information">
          <div class="tip">
            基本信息
          </div>
          <div class="field el-row el-row--flex">
            <div class="el">
              <div class="name">类型</div>
            </div>
            <div class="el">
              <div class="record">$meta['ext']</div>
            </div>
          </div>
					<div class="field el-row el-row--flex">
            <div class="el">
              <div class="name">文件大小</div>
            </div>
            <div class="el">
              <div class="record">{eval echo formatsize($meta['size'])}</div>
            </div>
          </div>
					<div class="field el-row el-row--flex">
            <div class="el">
              <div class="name">创建时间</div>
            </div>
            <div class="el">
              <div class="record">$meta['fdateline']</div>
            </div>
          </div>
					<div class="field el-row el-row--flex">
            <div class="el">
              <div class="name">修改时间</div>
            </div>
            <div class="el">
              <div class="record">{eval echo dgmdate( $meta['dateline'])}</div>
            </div>
          </div>
					
        </div>
      </div>
</div>
<script src="{MOD_PATH}/js/flv.min.js"></script>
<script src="{MOD_PATH}/js/yzmplayer.js"></script>
<script src="{MOD_PATH}/js/setting.js"></script>
<script src="{MOD_PATH}/js/layer.js"></script>
<script src="{MOD_PATH}/js/webtorrent.min.js"></script>
<script>
	var up = {
			"diyid": [0,'游客', 1] //自定义弹幕id
	}
	var config = {
			"api": '{MOD_PATH}/dmku/', //弹幕接口
			"av": '', //B站弹幕id
			"url": "$src", //视频链接
			"id": "$src", //视频id
			"sid": "", //集数id
			"pic": "", //视频封面
			"title": "$navtitle", //视频标题
			"next": "", //下一集链接
			"user": '', //用户名
			"group": "", //用户组
	}
	YZM.start()
</script>
<script src="static/bootstrap/js/bootstrap.min.js?{VERHASH}"></script>